<template>
  <div>
    <div class="header_banner">
      <swiper :sw_params="sw_params" :type_flag="type_flag" :height="height"></swiper>
    </div>
    <app-header></app-header>
    <Nuxt />
  </div>
</template>

<script type="text/javascript">
import appHeader from '@/components/app-header.vue'
import swiper from '@/components/swiper.vue'
export default{
  components:{
    appHeader,
    swiper
  },
  data(){
    return{
      sw_params:{
        logoOption: {//swiper配置
              loop: true,
              navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev'
              },
              
              autoplay: {
                delay: 1000,
              }
        },
        data:[
          {
            url:'http://oss.cswendu.com/pc.cswendu.com/fixed-img-for-js/heng_banner1.jpg'
          }
        ]
      },
      type_flag:true,
      height:'100px'
    }
  }
}
</script>
<style lang="scss" scoped="scoped">
.header_banner{
  position: sticky;
  top: 0;
  left: 0;
  z-index: 10;
}
</style>
